// 导航
.nav {
    width: 100%;
    padding: .266667rem /* 20/75 */;
    background-color: #fff;
    margin-bottom: .133333rem /* 10/75 */;
    margin-top: .266667rem /* 20/75 */;
    ul {
      padding-top: .133333rem /* 10/75 */;
      li {
        float: left;
        width: 25%;
        padding-top: .133333rem /* 10/75 */;
        a {
          display: inline-block;
          width: 100%;
          margin: 0 auto;
          text-align: center;
          height: 2.026667rem /* 152/75 */;
          img {
            width: 1.333333rem /* 100/75 */;
            height: 1.333333rem /* 100/75 */;
          }
          p {
            height: .666667rem /* 50/75 */;
            line-height:.666667rem /* 50/75 */ ;
            font-size: .266667rem /* 20/75 */;
            margin: 0;
            color: #000;
          }
        }
      }
    }
  }
  // 商品列表
  .product-list {
    width: 100%;
    background-color: #fff;
    .title {
      height: .933333rem /* 70/75 */;
      background-image: linear-gradient(#ffa834, #ff8d01);
      color: #fff;
      padding: .2rem /* 15/75 */ .266667rem /* 20/75 */;
      h2 {
        font-weight: 400;
        font-size: .346667rem /* 26/75 */;
        // line-height: .8rem /* 60/75 */;
      }
      .more {
        width: .533333rem /* 40/75 */;
        height: .533333rem /* 40/75 */;
        background: url('../images/more.png');
        background-size: cover;
      }
    }
    .list {
      li {
        width: 100%;
        padding: .266667rem /* 20/75 */ .2rem /* 15/75 */;
        border-bottom: 1px solid #e7e7e7;
        a {
          .image {
            width: 2.666667rem /* 200/75 */;
            height: 2.666667rem /* 200/75 */;
            margin-right: .2rem /* 15/75 */;
            img {
              width: 100%;
              height: 100%;
            }
          }
          .info{
            width: 6.666667rem /* 500/75 */;
            position: relative;
            // background-color: red;
            height: 2.666667rem /* 200/75 */;
            p {
              position: absolute;
              top: .133333rem /* 10/75 */;
              color: #000;
              font-size: .346667rem /* 26/75 */;
              line-height: .44rem /* 33/75 */;
              padding-right: .2rem /* 15/75 */;
              span {
                color: #ff841d;
              }
            }
            .time {
              position: absolute;
              bottom: .4rem /* 30/75 */;
              // font-size: .373333rem /* 28/75 */;
              color: #a1a1a1;
              font-size: .266667rem /* 20/75 */;
              width: 100%;
              span {
                font-size: .333333rem /* 25/75 */;
              }
            }
          }
        }
      }
    }



  }

  // 更多优惠
  .cheap {
    height: 1.066667rem /* 80/75 */;
    width: 100%;
    padding: .266667rem /* 20/75 */;
    padding-bottom: 0;
    background-color: #fff;
    margin-bottom: .266667rem /* 20/75 */;
    .btn-cheap {
      display: inline-block;
      height: .8rem /* 60/75 */;
      width: 100%;
      border: 1px solid #dcdcdc;
      border-radius: .133333rem /* 10/75 */;
      text-align: center;
      line-height: .8rem /* 60/75 */;
      font-size: .346667rem /* 26/75 */;
      color: #333;
    }
  }

  // 排行
  .rank {
    height: .933333rem /* 70/75 */;
    background-image: linear-gradient(#ffa834, #ff8d01);
    color: #fff;
    padding: .2rem /* 15/75 */ .266667rem /* 20/75 */;
    margin-bottom: .4rem /* 30/75 */;
    h2 {
      font-weight: 400;
      font-size: .346667rem /* 26/75 */;
      // line-height: .8rem /* 60/75 */;
    }
    .more {
      width: .533333rem /* 40/75 */;
      height: .533333rem /* 40/75 */;
      background: url('../images/more.png');
      background-size: cover;
    }
  }